body {
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-size: 80%;
}

.ui-layout-pane {
 background: #FFF;
 border: 1px solid #BBB;
 padding: 10px; 
 overflow: auto;
}

.ui-layout-content {
 padding: 10px;
 position: relative;
 overflow: auto;
}

.ui-layout-resizer { 
 background: #DDD;
 border: 1px solid #BBB;
 border-width: 0;
 }
.ui-layout-resizer-drag {
}
.ui-layout-resizer-hover {
}

.ui-layout-resizer-open-hover,
.ui-layout-resizer-dragging {
 background: #C4E1A4;
}
.ui-layout-resizer-dragging {
 border-left: 1px solid #BBB;
 border-right: 1px solid #BBB;
}

.ui-layout-resizer-dragging-limit {
 background: #E1A4A4;
}

.ui-layout-resizer-closed-hover {
 background: #EBD5AA;
}
.ui-layout-resizer-sliding {
 opacity: .10;
 filter: alpha(opacity=10);
}
.ui-layout-resizer-sliding-hover {
 opacity: 1.00;
 filter: alpha(opacity=100);
}

.ui-layout-resizer-north-sliding-hover { border-bottom-width: 1px; }
.ui-layout-resizer-south-sliding-hover { border-top-width: 1px; }
.ui-layout-resizer-west-sliding-hover { border-right-width: 1px; }
.ui-layout-resizer-east-sliding-hover { border-left-width: 1px; }

.ui-layout-toggler {
 border: 1px solid #BBB;
 background-color: #BBB;
}
.ui-layout-resizer-hover .ui-layout-toggler {
 opacity: .60;
 filter: alpha(opacity=60);
}
.ui-layout-toggler-hover,
.ui-layout-resizer-hover .ui-layout-toggler-hover {
 background-color: #FC6;
 opacity: 1.00;
 filter: alpha(opacity=100);
}
.ui-layout-toggler-north,
.ui-layout-toggler-south {
 border-width: 0 1px;
}
.ui-layout-toggler-west,
.ui-layout-toggler-east {
 border-width: 1px 0;
}

.ui-layout-resizer-sliding ui-layout-toggler {
 display: none;
}

.ui-layout-toggler .content {
 color:   #666;
 font-size:  12px;
 font-weight: bold;
 width:   100%;
 padding-bottom: 0.35ex;
}

